.api {
    text-align: center
}


.section-title {
    font-size: 12px
}

.section-big-title {
    font-size: 16px
}

.ant-table-body {
    -webkit-overflow-scrolling: touch;
}

.badge {
    display         : inline-block;
    min-width       : 10px;
    padding         : 2px 6px;
    font-size       : 11px;
    font-weight     : 400;
    color           : #fff;
    line-height     : 1;
    vertical-align  : middle;
    white-space     : nowrap;
    text-align      : center;
    background-color: #a6acbc;
    border-radius   : 10px;
}

.margin-l-0-3x {
    margin-left: 5px !important;
}

/*基本信息*/
.api_tableName {
    // font-size: 17px;
    margin      : 10px 0;
}

.api_tdName {
    color       : #a6acbc;
    text-align  : center;
    float       : left;
    border-right: 1px solid #ddd;
}

.api_tdValue {
    float      : left;
    border-left: 1px solid #ddd;
}

.api_table {
    border-collapse: collapse;
    border-spacing : 0;
    border         : 1px solid #ddd;

    .api_base_table_row {
        width         : 50%;
        border        : 1px solid #ddd;
        display       : inline-block;
        vertical-align: top;

        .api_tdName,
        .api_tdValue {
            padding       : 8px;
            line-height   : 1.42857;
            vertical-align: top;
        }

        .api_tdName {
            width: 20%;
        }

        .api_tdValue {
            width: 80%;
        }
    }

    .api_base_table_rowlong {
        width         : 100%;
        line-height   : 1.42857;
        border        : 1px solid #ddd;
        display       : flex;
        flex-direction: row;

        .api_tdName,
        .api_tdValue {
            padding    : 8px;
            line-height: 1.42857;
        }

        .api_tdName {
            width: 10%;
        }

        .api_tdValue {
            width: 90%;
        }
    }
}



/*多接口页面菜单*/
.ApiMenu {
    width         : 100%;
    height        : 100%;
    position      : fixed;
    display       : flex;
    flex-direction: column;

    .wea-alert-page .top40 {
        display       : flex;
        flex-direction: column;
    }

    .ant-menu-horizontal>.ant-menu-submenu:hover {
        border-bottom: 2px solid #333;
    }

    .ant-menu-item-selected {
        color      : #000;
        font-weight: bold;
    }

    .ant-menu-item-selected>a {
        color      : #000;
        font-weight: bold;
    }

    .ant-menu-horizontal>.ant-menu-submenu-selected {
        border-bottom: 2px solid #333;
    }

    .ant-menu-horizontal>.ant-menu-submenu-selected,
    .ant-menu-horizontal>.ant-menu-submenu-active {
        font-weight     : unset;
        background-color: #fff;

        span {
            font-weight: bold;
        }

        .ant-menu-vertical.ant-menu-sub>.ant-menu-item:hover {
            font-weight: bold;
        }
    }

    .ant-menu-horizontal {
        text-align      : center;
        background-color: #fff;
        z-index         : 1;

        .ant-menu-submenu {
            display  : inline-block;
            float    : none;
            color    : #333;
            font-size: 14px;
            margin   : 0 10px;

            .ant-menu-submenu-title {
                padding: 0;
            }

        }
    }

}

/*多接口分组显示页面菜单*/
.api_group_menu {
    width   : 100%;
    height  : 100%;
    position: fixed;

    .ant-menu-horizontal>.ant-menu-submenu:hover {
        border-bottom: 2px solid #333;
    }

    .ant-menu-item-selected {
        color      : #000;
        font-weight: bold;
    }

    .ant-menu-item-selected>a {
        color      : #000;
        font-weight: bold;
    }

    .ant-menu-horizontal>.ant-menu-submenu-selected {
        border-bottom: 2px solid #333;
    }

    .ant-menu-horizontal>.ant-menu-submenu-selected,
    .ant-menu-horizontal>.ant-menu-submenu-active {
        font-weight     : unset;
        background-color: #fff;

        span {
            font-weight: bold;
        }

        .ant-menu-vertical.ant-menu-sub>.ant-menu-item:hover {
            font-weight: bold;
        }
    }

    .ant-menu-horizontal {
        text-align      : center;
        background-color: #fff;

        .ant-menu-submenu {
            display  : inline-block;
            float    : none;
            color    : #333;
            font-size: 14px;
            margin   : 0 10px;

            .ant-menu-submenu-title {
                padding: 0;
            }
        }
    }

    .wea-right-left-layout {
        .wea-left {
            .wea-right-left-layout-show-left {
                display: none;
            }
        }
    }
}

/*信息显示主体*/
.api_container {
    // margin   : 15px 0 ;
    // width    : 100%;
    clear       : both;
}

.api_container,
.api_showGroup {
    height                    : 100%;
    overflow                  : scroll;
    -webkit-overflow-scrolling: touch;

}


.api_showGroup {
    // margin    : 0 1% 0 1%;
    height       : calc(100vh - 64px);
    // padding   : 0 15px;
}


.api-divider-horizontal {
    display  : block;
    clear    : both;
    width    : 100%;
    min-width: 100%;
    height   : 1px;
    margin   : 5px 0;
}

.api-divider {
    position      : relative;
    top           : -0.06em;
    display       : inline-block;
    width         : 1px;
    vertical-align: middle;
}

.api-divider {
    -webkit-box-sizing           : border-box;
    box-sizing                   : border-box;
    padding                      : 0;
    color                        : rgba(0, 0, 0, 0.65);
    font-size                    : 14px;
    font-variant                 : tabular-nums;
    line-height                  : 1.5;
    list-style                   : none;
    -webkit-font-feature-settings: 'tnum';
    font-feature-settings        : 'tnum';
    background                   : #e8e8e8;
}

.api_container_alertpage,
.api_container_right>.ant-spin-nested-loading>div>.ant-spin {
    height: 50%;
}

.api_container_alertpage {
    padding: 10px;
}

.api_container_right {
    width         : 100%;
    padding-bottom: 46px;
    height        : 96%;
    overflow      : scroll;

    .ant-spin-nested-loading {
        position: static;
        height  : 100%;

        .ant-spin-container {
            height: 100%;
        }
    }

    .ant-spin-spinning {
        width: 100%;
    }
}

.wea-left-right-layout-right {
    .wea-left-right-layout-btn-hide:hover {
        background: url(/cloudstore/resource/pc/com/images/right-show.png) no-repeat -2px 0;
    }

    .wea-left-right-layout-btn-hide {
        background: url(/cloudstore/resource/pc/com/images/right-show.png) no-repeat -2px 0;
    }
}

.group_show_alert {
    position   : relative;
    // height  : 130px;
    clear      : both;

    .wea-alert-page {
        .top40 {
            top: 0;
        }
    }
}


.group_show_single_time {
    // float     : left;
    margin-top   : 0;
    font-size    : 11px;
    color        : #888;
}

.crm_api_showGroup_single {
    margin-top: 18px
}

.api-draggable-title {
    background    : #2db7f5;
    color         : #fff;
    padding-top   : 5px;
    padding-bottom: 5px;
    width         : 100%;
    display       : inline-block;
    text-align    : center;
}

.api-draggable-subContainer {
    width: 100%;
}

.api-draggable-container {
    height    : 100%;
    text-align: left;
}

.api-draggable-defaultCss {
    position: absolute;
    z-index : 10;
    display : none;
    border  : 1px solid #ddd;
    float   : right;
}

.api_slider_item {
    padding      : 8% 0 8% 5%;
    border-bottom: 1px solid #eee;

    a {
        color: #000;
    }
}

.crm-api-fuzzyMatchList {
    margin: 15px 0;
}

.crm-api-span {
    text-align: center;
    margin-top: 100px;
    position  : absolute;
    width     : 100%;
    z-index   : 1;
}

.crm-api-temp1 {
    padding : 10px;
    height  : 100%;
    overflow: scroll;

    .top40 {
        position: unset;
    }
}

@import 'API_780.less';
@import 'API_320.less';